<div ng-controller="Log.PreferencesController">

  <form class="form-horizontal">
    <label class="control-label">Sort ascending</label>
    <div class="control-group">
      <div class="controls">
        <input type="checkbox" ng-model="logSortAsc">
        <span class="help-block">Ascending inserts new log lines in the bottom, descending inserts new log lines in the top</span>
      </div>
    </div>
  </form>

  <form class="form-horizontal">
    <label class="control-label">Auto scroll</label>
    <div class="control-group">
      <div class="controls">
        <input type="checkbox" ng-model="logAutoScroll">
        <span class="help-block">Whether to automatic scroll window when new log lines are added</span>
      </div>
    </div>
  </form>

  <form class="form-horizontal">
    <div class="control-group">
      <label class="control-label" for="logCacheSize" title="The number of log messages to keep in the browser">Log
        cache size</label>
      <div class="controls">
        <input id="logCacheSize" type="number" ng-model="logCacheSize" min="0"/>
      </div>
    </div>
  </form>

  <form class="form-horizontal">
    <div class="control-group">
      <label class="control-label" for="logBatchSize" title="The maximum number of log messages to retrieve when loading new log lines">Log
        batch size</label>
      <div class="controls">
        <input id="logBatchSize" type="number" ng-model="logBatchSize" min="1" max="1000"/>
      </div>
    </div>
  </form>

</div>
